<div id="contenedor" class="container">  
    <div class="row-fluid">
        <div class="row-fluid">
            <ul  class="span12 breadcrumb alingCenter">
                <li><b>Compra de productos</b></li>
            </ul>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span4">
            <div class="row-fluid">
                <ul id="headBusquedaClientes" class="span12 breadcrumb alingCenter">
                    <li><b>Buscar </b></li>
                </ul>
            </div>
            <div class="row-fluid">
                <form id="formularioBusquedaClientes">
                    <div class="row-fluid">
                        <div class="span4">
                            Desde
                        </div>
                        <div class="span7">
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-calendar"></i></span>
                                <input type="text" id="buscar-nacimiento1" class="datePicker input-small search-cambiar"> 
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            Hasta
                        </div>
                        <div class="span7">
                            <div class="input-prepend">
                                <span class="add-on"><i class="icon-calendar"></i></span>
                                <input type="text" id="buscar-nacimiento2" class="datePicker input-small search-cambiar"> 
                            </div>
                        </div>

                    </div>

                    <div class="row-fluid">
                        <hr>             
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            Categoría
                        </div>
                        <div class="span7">
                            <select  id="buscar-categoriaCompra" class="span12 search-cambiar" >
                                <option value="-1">Todas</option>
                                <?php foreach ($categoriasConySinInventario as $AllCategorias) { ?>
                                    <option value="<?php echo $AllCategorias->id_categoria_producto ?>"><?php echo $AllCategorias->nombre ?></option>
                                <?php } ?>
                            </select>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            Producto
                        </div>
                        <div class="span7">
                            <select  id="buscar-productoCompra" class="span12 search-cambiar" >

                            </select>
                        </div>
                    </div>
                    <!-- FALTA JAVASCRIPT
                    <div class="row-fluid">
                        <div class="span4">
                            Tipo
                        </div>
                        <div class="span7">
                            <select  id="buscar-nacionalidad" class="span12 search-cambiar" >
                                <option></option>
                    <?php foreach ($paises as $pais) { ?>
                                        <option value="<?php echo $pais->id_pais ?>"><?php echo $pais->nombre ?></option>
                    <?php } ?> 


                            </select>
                        </div>
                    </div>
                    -->

                    <div class="row-fluid hide">
                        <hr>
                        <div class="span6 offset3">
                            <button type="button" id="btn-buscar" class="btn btn-inverse">Buscar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="span8">
            <div class="row-fluid">
                <ul  class="span12 breadcrumb alingCenter">
                    <li><b>Historial de compras</b></li>
                </ul>
            </div>
            <div class="row-fluid">
                <div class="span12">
                    <a href="#modalAgregarNuevaVenta" class="btn btn-primary" type="button" data-toggle="modal"> Registrar Compra</a>
                    <button type="button" class="btn btn-success">Exportar</button>   

                </div> 
                <div class="row-fluid">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>ID Compra</th>
                                <th>Fecha</th>
                                <th>Proveedor</th>
                                <th>Total compra</th>
                                <th>Usuario</th>
                            </tr>
                        </thead>
                        <tbody id="lista-productos-compras" data-pagina="1">

                        </tbody>
                    </table>
                </div>
                <div class="row-fluid">
                    <div class="pagination pull-right" id="pagination">

                    </div>
                </div>
            </div>
        </div>
    </div>  

</div>

<!--  I   N   S   E   R  C  I   O  N-->

<!-- Modal Crear venta -->
<div id="modalAgregarNuevaVenta" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <form id="formGuardarCompra" class="formBlockDisplay"  action="comprasProductos/nuevaCompra" method="post" autocomplete="off">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">Registrar una compra <span id="nombreHabitacion"></span></h3>
        </div>
        <div class="modal-body">          

            <div id="botonesQuienPaga" class="row-fluid"> 
                <div class="span4">
                    <br>
                    <b><div id="resultadoAjax"></div></b>
                </div>
            </div>
            <div id="formQuienPaga">
                <input id="idProveedor" name="idProveedor" readonly="readonly" type="hidden">

                <div id="datosEmpresa" >
                    <div class="row-fluid">
                        <div class="span3">
                            <span>Proveedor</span>                            
                            <select id="identificacionEmpresa" name="proveedor" class="requeridoEmpresa preservar">
                                <option></option>
                                <?php foreach ($proveedores as $proveedorSelec) { ?>
                                    <option value="<?php echo $proveedorSelec->id_proveedor ?>"><?php echo $proveedorSelec->nombre ?></option>
                                <?php } ?>
                            </select>                           
                        </div>
                        <div class="span3">
                            <span>País:</span>
                            <a class='pull-right editar hide'>Editar</a>
                            <select id="paisEmpresa" name="paisEmpresa" class="requeridoEmpresa">
                                <option></option>
                                <?php foreach ($paises as $pais) { ?>
                                    <option value="<?php echo $pais->id_pais ?>"><?php echo $pais->nombre ?></option>
                                <?php } ?>
                            </select>
                        </div> 

                       


                    </div>

                    <div class="row-fluid">
                        <div class="span3">
                            <span>Teléfono</span>
                            <a class='pull-right editar hide'>Editar</a>
                            <input id="telefonoEmpresa" name="telefonoEmpresa" class="requeridoEmpresa soloNumeros" type="text">
                        </div>
                        <div class="span3">
                            <span>Dirección:</span>
                            <a class='pull-right editar hide'>Editar</a>
                            <input id="direccionEmpresa" name="direccionEmpresa" class="requeridoEmpresa" type="text">
                        </div> 
                        <div class="span3">
                            <span>E-mail:</span>
                            <a class='pull-right editar hide'>Editar</a>
                            <input  id="emailEmpresa" name="emailEmpresa" class="requeridoEmpresa" type="text">
                        </div> 
                    </div>
                </div>
            </div>

            <!-- lo de productos -->
            <div class="row-fluid"> 
                <div class="row-fluid">
                    <div class="span8">
                        <label class="">Seleccionar Producto</label>  
                    </div>
                    <div class="span4">
                        <label class="">Cargos totales</label>  
                    </div>
                </div>
                <div class="span8" id="formularioVentaProductosMovimientos">
                    <div class="row-fluid">
                        <div class="span3">
                            <label class="tamanoSelectCompra">Categoria</label>                            
                            <select class="tamanoSelectCompra" name="categoriaProducto" id="selected-categoria-modal" >
                                <option value="-1">Seleccion la categoria</option>
                                <?php foreach ($categoriasConInventario as $categoria) { ?>
                                    <option value="<?php echo $categoria->id_categoria_producto ?>"><?php echo $categoria->nombre ?></option>
                                <?php } ?>
                            </select>    
                        </div>
                        <div class="span4">
                            <label class="" id="labelProducto">Producto</label><span id='ayudaCantidad'></span>                            
                            <select  name="tipo-documento" id="selected-producto-modal" >
                                <option value="-1">Seleccione el producto</option>                                            
                            </select>    
                        </div>
                        <div class="span2">
                            <label class="">Costo unitario</label>                                     
                            <div class="input-prepend">
                                <span class="add-on">
                                    <?php foreach ($simboloMoneda as $simbolo) { ?>
                                    <?php echo $simbolo->simbolo ?>
                                <?php } ?>                                    
                                    </span>
                                <input class="input-mini" id="costo-producto-modal" type="text" >
                            </div>  
                        </div>
                        <div class="span2">
                            <label class="">Cantidad</label>                            
                            <input class="input-mini" type="text" name="cantidad" id="cantidad-producto-modal" required>    
                        </div>
                        <div class="span1 marginInvCompra">
                                                       
                            <button type="button" class="btn btn-inverse" id="agregarProductoAVenta">+</button>    
                        </div>
                    </div>
                    <div class="row-fluid">
                    </div>
                    <div class="row-fluid">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Producto</th>
                                    <th>Cantidad</th>
                                    <th>Precio Unitario</th>
                                    <th>SubTotal</th>                                                
                                </tr>
                            </thead>
                            <tbody id="lista-productos-modal" data-pagina="1">
                            </tbody>
                        </table>
                    </div>
                    <div class="row-fluid">
                        <div class="span12" >
                            <td><input readonly='readonly' value=" $0 " id="sumaSubtotal" class="Sinbordes"/>
                        </div>
                    </div>

                </div>
                <div class="span4" id="formularioVentaProductosMovimientos2">                        
                    <div class="row-fluid">
                        <div class="span4">
                            <label class="">Subtotal</label> 
                        </div>
                        <div class="span8">
                            <div class="input-prepend">
                                <span class="add-on"><?php foreach ($simboloMoneda as $simbolo) { ?>
                                    <?php echo $simbolo->simbolo ?>
                                <?php } ?></span>
                                <input class="input-medium" id="sumaSubtotalCargos" type="text" placeholder="subtotal" readonly='readonly' required>
                            </div>  
                        </div>
                    </div>
                    
                    <div class="row-fluid">
                        <div class="span4">
                            <label class="">Impuestos</label> 
                        </div>
                        <div class="span8">
                            <div class="input-prepend">
                                <span class="add-on"><?php foreach ($simboloMoneda as $simbolo) { ?>
                                    <?php echo $simbolo->simbolo ?>
                                <?php } ?></span>
                                <input class="input-medium" name="impuestos" id="impuestosAplicados" type="text" placeholder="impuestos">
                            </div>  
                        </div>
                    </div>

                    <div class="row-fluid">
                        <div class="span4">
                            <label class="">TOTAL COMPRA</label> 
                        </div>
                        <div class="span8">
                            <div class="input-prepend">
                                <span class="add-on"><?php foreach ($simboloMoneda as $simbolo) { ?>
                                    <?php echo $simbolo->simbolo ?>
                                <?php } ?></span>
                                <input class="input-medium" name="totalV" readonly='readonly' type="text" id="totalFinal" placeholder="total">                                
                            </div>  
                        </div>
                    </div>
                    <div class="row-fluid">                                    
                        <div class="span4">
                            <label class="">F. de pago</label>
                        </div>
                        <div class="span8">
                            <select id="modoPagoSelected" required >
                                <option value="1">Efectivo</option>
                                <option value="2">Deposito Bancario</option>
                                <option value="3">Tarjeta Debito</option>
                                <option value="4">Tarjeta Crédito</option>
                            </select>
                            <input  name="modo_pago" id="FormaPago" type="hidden" >
                        </div>                                    
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            <label class="">Notas</label> 
                        </div>
                        <div class="span8"> 
                            <textarea name="descripcion"  rows="3" required></textarea>
                        </div>
                    </div>
                </div>
            </div> 
        </div>
        <div class="modal-footer">
            <a id="cancelarCrearReserva" class="btn" data-dismiss="modal">Cancelar</a>
            <a id="botonFormGuardarCompra"  class="btn btn-primary">Gardar Compra</a>
        </div>
    </form>
</div>


<!--  S H O W -->

<!-- Modal VER COMPRA -->
<div id="modalVerMasCompra" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <form id="formGuardarCompra" class="formBlockDisplay" autocomplete="off">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">Compra #<span id="id_compraM"></span> - <span id="fecha_compra"></span> - <span id="usuario_compra"></span></h3>
        </div>
        <div class="modal-body">          

            <div id="botonesQuienPaga" class="row-fluid"> 
                <div class="span4">
                    <br>
                    <b><div id="resultadoAjax"></div></b>
                </div>
            </div>
            <div id="formQuienPaga">
               
                <div id="datosEmpresa" >
                    <div class="row-fluid">
                        <div class="span3">
                            <span>Proveedor</span>                            
                            <input id="nombreProvee" type="text" name="proveedor" readonly='readonly'>
                                                      
                        </div>
                        <div class="span3">
                            <span>País:</span>                            
                            <select id="paisproveedor" name="paisEmpresa" class="requeridoEmpresa" readonly='readonly'>
                                <option></option>
                                <?php foreach ($paises as $pais) { ?>
                                    <option value="<?php echo $pais->id_pais ?>"><?php echo $pais->nombre ?></option>
                                <?php } ?>
                            </select>
                        </div> 
                    </div>

                    <div class="row-fluid">
                        <div class="span3">
                            <span>Teléfono</span>                           
                            <input id="telefonoproveedor" name="telefonoEmpresa" class="requeridoEmpresa soloNumeros" readonly='readonly' type="text">
                        </div>
                        <div class="span3">
                            <span>Dirección:</span>                            
                            <input id="direccionproveedor" name="direccionEmpresa" class="requeridoEmpresa" readonly='readonly' type="text">
                        </div> 
                        <div class="span3">
                            <span>E-mail:</span>                            
                            <input  id="emailproveedor" name="emailEmpresa" class="requeridoEmpresa" readonly='readonly' type="text">
                        </div> 
                    </div>
                </div>
            </div>

            <!-- lo de productos -->
            <div class="row-fluid"> 
                <div class="row-fluid">
                    <div class="span4">
                        <label class="">Productos  de la compra</label>  
                    </div>
                    <div class="span4">
                        <label class="">Cargos totales</label>  
                    </div>
                    <div class="span4">
                            <label class="">Notas</label> 
                    </div>
                </div>
                <div class="span4" id="formularioVentaProductosMovimientos">                  
                    
                    <div class="row-fluid">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Producto</th>
                                    <th>Cantidad</th>                                                                                   
                                </tr>
                            </thead>
                            <tbody id="listaproductosdeunacompra" data-pagina="1">
                            </tbody>
                        </table>
                    </div>
                   
                </div>
                <div class="span4" id="formularioVentaProductosMovimientos2">                        
                    
                    
                    <div class="row-fluid">
                        <div class="span4">
                            <label class="">Impuestos</label> 
                        </div>
                        <div class="span8">
                            <div class="input-prepend">
                                <span class="add-on"><?php foreach ($simboloMoneda as $simbolo) { ?>
                                    <?php echo $simbolo->simbolo ?>
                                <?php } ?></span>
                                <input class="input-medium" name="impuestos" id="impuestos_amplicados" type="text" readonly='readonly'>
                            </div>  
                        </div>
                    </div>

                    <div class="row-fluid">
                        <div class="span4">
                            <label class="">TOTAL COMPRA</label> 
                        </div>
                        <div class="span8">
                            <div class="input-prepend">
                                <span class="add-on"><?php foreach ($simboloMoneda as $simbolo) { ?>
                                    <?php echo $simbolo->simbolo ?>
                                <?php } ?></span>
                                <input class="input-medium" name="totalV2"  type="text" id="total_compra" readonly='readonly'>
                            </div>  
                        </div>
                    </div>
                    <div class="row-fluid">                                    
                        <div class="span4">
                            <label class="">F. de pago</label>
                        </div>
                        <div class="span8">                            
                            <input class="input-medium" name="modo_pago" id="modo_pago_proveedor" type="text" readonly='readonly'>
                        </div>                                    
                    </div>
                    
                </div>
                <div class="span4">
                        
                        <div class="span12"> 
                            <textarea name="descripcion" id="notascompra" rows="3" readonly='readonly'></textarea>
                        </div>
                </div>
            </div> 
        </div>
        <div class="modal-footer">
            <a id="cancelarCrearReserva" class="btn" data-dismiss="modal">Aceptar</a>
            
        </div>
    </form>
</div>